<!DOCTYPE html>
<html lang="en">
  {% include head.html %}
  <body>
    {% include header.html %}

    <div class="top">
      <div class="container home-header">
        <img class="logo grow img-responsive" src="{{ "/assets/images/logo.png"
        | prepend: site.baseurl }}" alt="">
        <h1>
          Standalone test spies, stubs and mocks for JavaScript.
          <br />
          Works with any unit testing framework.
        </h1>

        <p class="btn-top text-center">
          <a class="btn btn-primary" href="#get-started">Get Started</a>
          <a
            class="btn btn-default"
            target="blank"
            href="https://github.com/sinonjs/sinon"
            ><img src="{{ "/assets/images/github.png" | prepend: site.baseurl
            }}" alt="">Star Sinon.JS on Github</a
          >
        </p>
      </div>

      <div class="container">
        <div class="backed">
          <div class="wrap">
            <p class="centre-line">
              <span>Proudly Sponsored By</span>
            </p>
            <div class="people">
                <object data="https://opencollective.com/sinon/tiers/sponsors.svg?button=false&margin=1" title="Sponsors"></object>
            </div>

            <div class="backer">
              <a target="blank" href="https://opencollective.com/sinon/">
                Become a sponsor and get your logo on our README on GitHub with a link to your site
              </a>
            </div>
          </div>
        </div>

        <div class="backed">
          <div class="wrap">
            <p class="centre-line">
              <span>Proudly Backed By</span>
            </p>

            <div class="people">
                <object data="https://opencollective.com/sinon/backers.svg?width=720&limit=200&button=false" data-md="https://opencollective.com/sinon/backers.svg?width=680&limit=108&button=false" data-sm="https://opencollective.com/sinon/backers.svg?width=300&limit=45&button=false" title="Backers" class=""></object>
            </div>
          </div>
          <div class="backer">
            <a target="blank" href="https://opencollective.com/sinon/">
              Become a backer and support Sinon.JS with a monthly donation.
            </a>
          </div>
        </div>
      </div>
    </div>

    <div class="content">
      <div class="container container-2">{{ content }}</div>
    </div>

    {% include footer.html %}
  </body>
</html>
